<template>
  <!-- 订单结算 -->
  <div class="order">
        <!-- 订单信息 -->
        <!-- 合计 -->
        <div class="sum-info">
          <div class="sum-time">2020-11-29 17:10:42</div>
          <div class="sum-box">
            <div class="sun-count">共计<span>{{sum}}</span>件</div>
            <div class="sum-price">
              合计<span>¥{{total}}</span>
            </div>
          </div>
        </div>
      
  </div>
</template>

<script>

export default {
  name:'OrderCoffee',
  
  computed :{
    sum() {
     return this.$store.state.sum;
    },
    total() {
      return this.$store.state.total;
    }
  }
 
};

</script>

<style lang='less' scoped>
@import url('../assets/base.less');

.order {
  
  .order-address {
    /deep/ .van-radio__icon  {
      display:none;
    }
    /deep/ .van-address-item__address{
    color:#888;
  }
  }
  /deep/ .van-address-item__edit{
    display:none;
  }
  /deep/ .van-address-item {
    height:110px;
  }
  /deep/ .van-radio {
    margin-top: 40px;
  }
  
  /deep/ .van-address-list {
    padding:0;
    margin-bottom: 10px;
  }
  /deep/ .van-tag--danger {
    background-color: #215CE9;
  }
  /deep/ .van-button--danger {
    background-color: #215CE9;
    border-color:#215CE9 ;
  }
   
}

.sum-info {
  padding: 10px;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  .sum-time {
    font-size: 12px;
    padding: 10px 0;
    color:#999;
    text-align: left;
  }
  .sum-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:14px;
    .sun-count {
      color:#999;
      span {
        padding: 0 5px;
      }
    }
    .sum-price {
      // color:#215CE9;
      color:@priceColor;
      font-weight: bold;
      span {
        padding: 0 5px;
      }
    }
  }
}
</style>